<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<style type="text/css">
	.shu{
		margin: 50px auto;
		width: 200px;
		height: 200px;
		background: red url(./fj.jpg) -200px -50px no-repeat;
	}
	.tool{
		width: 29px;
		height: 210px;
	}
	.tool .list{
		list-style: none;
		width: 35px;
		height: 35px;
		background: #7A6E6E url(./icon.png) -87px -175px no-repeat;  /* 加入商场图片 */
		margin-bottom: 3px;
		border-radius: 3px;  /* 圆角边 */
	}
	.tool .list1{
		background-position: -50px 0px; /* 调取图片位置 */
	}
	.tool .list2{
		background-position: -50px -50px;
	}
	.tool .list3{
		background-position: -50px -100px;
	}
	.tool .list4{
		background-position: -50px -150px;
	}
	.tool .list5{
		background-position: -50px -250px;
	}
	.tool .list6{
		background-position: -50px -300px;
	}


	</style>
</head>
<body>
	<div class="shu"></div>

	<ul class="tool">
		<li class="list list1"></li>
		<li class="list list2"></li>
		<li class="list list3"></li>
		<li class="list list4"></li>
		<li class="list list5"></li>
		<li class="list list6"></li>
	</ul>
</body>
</html>